<template>
  <el-config-provider :locale="zhCn">
    <router-view v-slot="{ Component }" :class="rootClass">
      <transition> <component :is="Component" /> </transition>
    </router-view>
  </el-config-provider>
</template>

<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import { useSystemStore } from '@/stores/system.js'
const systemStore = useSystemStore()
const rootClass = computed(() => {
  return {
    'width-shrink-layout': systemStore.layout.widthShrink,
    'height-shrink-layout': systemStore.layout.heightShrink,
  }
})
</script>

<style lang="scss" scoped></style>
